<template>
  <div>
    <el-dialog
      :show-close="false"
       :title="title"
       :visible="dialog"
       width="30%">
      <div class="content">
           <slot></slot>
      </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click='chilCall()'>取 消</el-button>
          <el-button type="primary" @click="chilCall" v-if="state == null">确 定</el-button>
        </span>
      </el-dialog>
  </div>
</template>
<script>
    export default {
      props :['title','dialog','state'],
      data () {
        return {

        }
      },
      created () {

      },
      methods : {
        chilCall () {
            this.$emit('close',false)
        }
      }
    }
</script>
<style scoped>
.content label {
  display:inline-block;
  width:100px;
  text-align: justify;
  text-align-last: justify;
  line-height: 0;
  font-size: 18px;
}
.content input {
  height:24px;
}
.content p {
  margin: 10px 0;
}

</style>
